<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/login.css">
</head>
<body>
    <div class="header">
        <div class="hearder-banner">
            <a href="#"><img src="./images/login_logo.png" alt=""></a>
        </div>
    </div>
    <div class="content">
        <div class="content-banner">
            <div class="loginbox">
                <h2>欢迎注册</h2>
                <ul>
                    <li class="loginText">登录名:</li>
                    <li>
                        <input type="text" name="" id="">
                    </li>
                    <li class="loginText">密码:</li>
                    <li>
                        <input type="password" name="" id="">
                    </li>
                    <li class="loginText">确认密码:</li>
                    <li>
                        <input type="password" name="" id="">
                    </li>
                    <li class="loginText">验证码:</li>
                    <li>
                        <input type="text" class="ycode">
                        <img src="./images/img.jpg" alt="">
                        <a href="#">换一张</a>
                    </li>
                </ul>
               <label for="pro" id="text"> <input id="pro" type="checkbox" class="clause">我已阅读并同意</label> <a href="#">网站服务条款</a>
               <input id="reg" type="button" value="立即注册">
               <div class="other">已有账户？<a href="#">直接登录></a></div>
            </div>
        </div>
    </div>
</body>
</html>